<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>{$pageData.title}</title>
		<link rel="stylesheet" href="__STATIC__/home/js/layui/css/layui.css" />
		<link rel="stylesheet" href="__STATIC__/home/css/admin.css" />
		<script type="text/javascript" src="__STATIC__/home/js/jquery.min.js"></script>
		<script type="text/javascript" src="__STATIC__/home/js/layui/layui.js"></script>
	</head>
	<body class="pd30" data-id="goodsIndex">
		<div class="layui-carousel" id="test1">
		  <div carousel-item>
		    <div><img src="__STATIC__/home/images/hd01.png"></div>
		    <div><img src="__STATIC__/home/images/hd01.png"></div>
		    <div><img src="__STATIC__/home/images/hd01.png"></div>
		    <div><img src="__STATIC__/home/images/hd01.png"></div>
		    <div><img src="__STATIC__/home/images/hd01.png"></div>
		  </div>
		</div>

		<div class="mall-class">
			<dl>
				<dt>币种</dt>
				<dd id="goodsCoinType"><a href="#" id="aBx" data-id="" class="akt">不限</a></dd>
			</dl>
			<dl>
				<dt>类型</dt>
				<dd id="goodsCateType"><a href="#" id="aLx" data-id="" class="akt">不限</a></dd>
			</dl>
		</div>


		<div class="mall-saix f16">
			<ul class="mall-saix-ul" id="goodsPxType">
				<li class="akt" data-id="zh">综合</li>
				<li data-id="rq">人气</li>
				<li data-id="xl">销量</li>
				<li data-id="jg">价格</li>
			</ul>
		</div>



		<div class="mall-last">

			<ul class="mall-last-cen clearfix">
				<li>
					<a href="http://www.xjs.com/goods.show/details.html?id=1">
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
					</a>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
				<li>
					<div class="mall-last-xq">
						<div class="tu"><img src="__STATIC__/home/images/cp01.png"></div>
						<div class="jg f-orange"><span class="f14">￥</span><span class="f20">5000.00</span></div>
						<div class="bt f14 f-black">电视机</div>
						<div class="bz f12 f-gray">购物卷</div>
					</div>
				</li>
			</ul>
			<div class="paging"></div>

		</div>




		<script>
			layui.use('carousel', function(){
			  var carousel = layui.carousel;
			  //建造实例
			  carousel.render({
			    elem: '#test1'
			    ,width: '100%' //设置容器宽度
			    ,height: '450px'
			    ,arrow: 'always' //始终显示箭头
			    //,anim: 'updown' //切换动画方式
			  });
			});

		</script>
<script>
	//商品列表
	var goodsIndexSrc = "{:url('goods.api/goods')}";
	//获取商品详情
	var goodsDetails = "{:url('/home/goods.show/details')}";
	//货币类型
	var goodsCoinType = "{:url('/home/goods.api/coinType')}";
	//商品类型
	var goodsCateType = "{:url('/home/goods.api/cateType')}"
	//商品筛选
	var goodsSxType = "{:url('/home/goods.show/index')}"
	var seet={$whereData | json_encode};
</script>
<script type="text/javascript" src="__STATIC__/home/js/public.js"></script>
</body>
</html>
<!-- 前台商品列表展示 /home/goods.show/index
coin_id 货币ID
cate_id 分类ID
desc_name 排序

获取商品列表 /home/goods.api/goods
coin_id 货币ID
cate_id 分类ID
desc_name 排序

获取商品详情 /home/goods.api/Details
id 商品ID

获取货币类型 /home/goods.api/coinType

获取商品类型 /home/goods.api/cateType

获取购物车列表数据 /home/cart.api/cart

清空购物车 /home/cart.api/clearCart

购物车删除商品 /home/cart.handle/deleteCart
gid 商品ID


购物车添加商品 /home/cart.handle/addcart
gid 商品ID
flag 0为增加 1为减少
price 单价
number 数量 -->